
<%@ page import="icontrolv2.Usuario" %>
<!doctype html>
<html>
	<head>
		<meta name="layout" content="main">
		<g:set var="entityName" value="${message(code: 'usuario.label', default: 'Usuario')}" />
		<title><g:message code="default.show.label" args="[entityName]" /></title>
	</head>
	<body>
          <script type="text/javascript">
          $(document).ready(function(){  
              $(".agregar_conocimiento").fancybox({  
                  'autoScale'     : true,
                  'modal'         : false,
                  'width'         : 680,  
                  'height'        : 450,
                  'type'          : 'inline'
              });
              
              $(".agregar_permiso").fancybox({  
                  'autoScale'     : true,
                  'modal'         : false,
                  'width'         : 680,  
                  'height'        : 450,
                  'type'          : 'inline'
              });
            }
          );
          </script>
          
		<a href="#show-usuario" class="skip" tabindex="-1"><g:message code="default.link.skip.label" default="Skip to content&hellip;"/></a>
		<div class="nav" role="navigation">
			<ul>
				<li><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></li>
				<li><g:link class="list" action="list"><g:message code="default.list.label" args="[entityName]" /></g:link></li>
				<li><g:link class="create" action="create"><g:message code="default.new.label" args="[entityName]" /></g:link></li>
			</ul>
		</div>
		<div id="show-usuario" class="content scaffold-show" role="main">
			<h1><g:message code="default.show.label" args="[entityName]" /></h1>
                        <g:if test="${flash.mensajeError}">
                          <div  class="errors message">${flash.mensajeError}</div>
                        </g:if>
                        
                        <g:if test="${flash.mensajeExito}">
                          <div  class="message">${flash.mensajeExito}</div>
                        </g:if>
                        
			<g:if test="${flash.message}">
			<div class="message" role="status">${flash.message}</div>
			</g:if>
			<ol class="property-list usuario">
                          
                                <g:if test="${usuarioInstance?.nombreUsuario}">
				<li class="fieldcontain">
					<span id="nombreUsuario-label" class="property-label"><g:message code="usuario.nombreUsuario.label" default="Nombre Usuario" /></span>
					
						<span class="property-value" aria-labelledby="nombreUsuario-label"><g:fieldValue bean="${usuarioInstance}" field="nombreUsuario"/></span>
					
				</li>
				</g:if>
                          
                                <g:if test="${usuarioInstance?.nombre}">
				<li class="fieldcontain">
					<span id="nombre-label" class="property-label"><g:message code="usuario.nombre.label" default="Nombre" /></span>
					
						<span class="property-value" aria-labelledby="nombre-label"><g:fieldValue bean="${usuarioInstance}" field="nombre"/></span>
					
				</li>
				</g:if>
                          
                                <g:if test="${usuarioInstance?.apellidoPaterno}">
				<li class="fieldcontain">
					<span id="apellidoPaterno-label" class="property-label"><g:message code="usuario.apellidoPaterno.label" default="Apellido Paterno" /></span>
					
						<span class="property-value" aria-labelledby="apellidoPaterno-label"><g:fieldValue bean="${usuarioInstance}" field="apellidoPaterno"/></span>
					
				</li>
				</g:if>
			
				<g:if test="${usuarioInstance?.apellidoMaterno}">
				<li class="fieldcontain">
					<span id="apellidoMaterno-label" class="property-label"><g:message code="usuario.apellidoMaterno.label" default="Apellido Materno" /></span>
					
						<span class="property-value" aria-labelledby="apellidoMaterno-label"><g:fieldValue bean="${usuarioInstance}" field="apellidoMaterno"/></span>
					
				</li>
				</g:if>
			
				<g:if test="${usuarioInstance?.mail}">
				<li class="fieldcontain">
					<span id="mail-label" class="property-label"><g:message code="usuario.mail.label" default="Mail" /></span>
					
						<span class="property-value" aria-labelledby="mail-label"><g:fieldValue bean="${usuarioInstance}" field="mail"/></span>
					
				</li>
				</g:if>
                          
                                <li class="fieldcontain">
                                  <span id="activo-label" class="property-label"><g:message code="usuario.activo.label" default="Activo" /></span>
                                  <span class="property-value" aria-labelledby="activo-label">
                                  <g:if test="${usuarioInstance?.activo}">
                                      <img src="${resource(dir: 'images', file: 'si.png')}" alt="Activo"/>
                                    </g:if>
                                    <g:else>
                                      <img src="${resource(dir: 'images', file: 'no.png')}" alt="Desactivado"/>
                                    </g:else>
                                  </span>					
				</li>
			
				<g:if test="${usuarioInstance?.perfil}">
				<li class="fieldcontain">
					<span id="perfil-label" class="property-label"><g:message code="usuario.perfil.label" default="Perfil" /></span>
					
						<span class="property-value" aria-labelledby="perfil-label"><g:link controller="perfil" action="show" id="${usuarioInstance?.perfil?.id}">${usuarioInstance?.perfil?.nombre}</g:link></span>
					
				</li>
				</g:if>
                          
                                <li class="fieldcontain">
                                  <span class="property-value"><g:link class="agregar_conocimiento" action="agregarConocimiento" id="${usuarioInstance.id}">Agregar Conocimiento</g:link></span>
				</li>
                                
                                <li class="fieldcontain">
                                  <span class="property-value"><g:link class="agregar_permiso" action="agregarPermiso" id="${usuarioInstance.id}">Agregar Permisos</g:link></span>
				</li>
			
			</ol>
			<g:form>
				<fieldset class="buttons">
					<g:hiddenField name="id" value="${usuarioInstance?.id}" />
					<g:link class="edit" action="edit" id="${usuarioInstance?.id}"><g:message code="default.button.edit.label" default="Edit" /></g:link>
					<g:actionSubmit class="delete" action="delete" value="${message(code: 'default.button.delete.label', default: 'Delete')}" onclick="return confirm('${message(code: 'default.button.delete.confirm.message', default: 'Are you sure?')}');" />
				</fieldset>
			</g:form>
                        
                        <div style="height: 20px;"></div>
                        
                        <div id='graficoCalificaciones' align='center'></div>
                        <script type='text/javascript'>
                        var chart_graficoTareas = new FusionCharts("${resource(dir: 'fusioncharts/charts/', file: 'Column2D.swf')}", "graficoCalificaciones", "98%", "200", "false", "false");
                        chart_graficoTareas.setDataXML("${stringGraficoCalificaciones}");
                        chart_graficoTareas.render("graficoCalificaciones");
                        </script>
                        
                        <h1>Conocimientos del Usuario</h1>
                        
                        <table>
				<thead>
					<tr>
					
						<th><g:message code="usuarioConocimiento.conocimiento.label" default="Conocimiento" /></th>
					
						<th><g:message code="usuarioConocimiento.tipoConocimiento.label" default="Tipo Conocimiento" /></th>
                                                <th><g:message code="usuarioConocimiento.rubro.label" default="Rubros " /></th>
					</tr>
				</thead>
				<tbody>
				<g:each in="${usuarioInstance.usuarioConocimiento}" status="i" var="usuarioConocimientoInstance">
					<tr class="${(i % 2) == 0 ? 'even' : 'odd'}">
					
						<td>${fieldValue(bean: usuarioConocimientoInstance, field: "conocimiento.nombre")}</td>
					
						<td>${fieldValue(bean: usuarioConocimientoInstance, field: "tipoConocimiento.nombre")}</td>
                                                <td>${fieldValue(bean: usuarioConocimientoInstance, field: "rubro.nombre")}</td>
					
					</tr>
				</g:each>
				</tbody>
			</table>
                        
                        <h1>Permisos del Usuario</h1>
		</div>
	</body>
</html>
